Components Gallery

Last updated: July 4, 2026

Components Gallery

This page showcases the various markdown components and formatting options available in FoxWiki. You can use this as a reference when creating your own documentation.

Text Formatting

FoxWiki supports standard markdown text formatting:

Bold text is created with
**Bold text**
or
__Bold text__
Italic text is created with
*Italic text*
or
_Italic text_
Bold and italic is created with
***Bold and italic***
~~Strikethrough~~ is created with
~~Strikethrough~~

Headings

Headings are created with

symbols.

When using Heading 1 (#) or Heading 2 (##), the content will be automatically split into separate cards

Heading 1 (#)

Heading 2 (##)

Heading 3 (###)

Heading 4 (####)

Heading 5 (#####)

Heading 6 (######)

Lists

Unordered Lists

Unordered lists can be created with

, or

Item 1
Item 2
- Nested item 2.1
- Nested item 2.2
Item 3

Ordered Lists

Ordered lists are created with numbers:

First item
Second item
- Nested item 2.1
- Nested item 2.2
Third item

Task Lists

Task lists are created with

- [ ]

and

- [x]

Completed task
Incomplete task
Another task

Links

Links are created with

[link text](URL)

Visit FoxWiki GitHub

Images

Images are created with

![alt text](image URL)

Blockquotes

Blockquotes look like Cards

They are created with

This is a blockquote

It can span multiple lines

Code

Inline Code

Inline code is created with backticks:

const example = "hello world";

Code Blocks

Code blocks are created with triple backticks and an optional language identifier:

Tables

Tables are created with pipes and dashes:

Header 1	Header 2	Header 3
Cell 1	Cell 2	Cell 3
Cell 4	Cell 5	Cell 6

Wide tables are horizontally scrollable by default.

Card tables

You can also switch a table to card view with an optional property:

bacon

Device

bacon

Maintainer

Alicia

Android

Notes

Stable daily driver

guacamole

Device

guacamole

Maintainer

Ben

Android

Notes

Great battery life

lavender

Device

lavender

Maintainer

Chris

Android

Notes

Good budget device

Card tables on mobile (hybrid)

Or use a hybrid mode that keeps the normal table on bigger screens and switches to cards on mobile:

Device	Maintainer	Android	Notes
bacon	Alicia	14	Stable daily driver
guacamole	Ben	15	Great battery life
lavender	Chris	13	Good budget device

bacon

Device

bacon

Maintainer

Alicia

Android

Notes

Stable daily driver

guacamole

Device

guacamole

Maintainer

Ben

Android

Notes

Great battery life

lavender

Device

lavender

Maintainer

Chris

Android

Notes

Good budget device

Horizontal Rules

Horizontal rules are created with three or more hyphens, asterisks, or underscores:

Footnotes

Footnotes are created with

[^label]

and

[^label]: explanation

Here's a sentence with a footnote¹.

This is the footnote content. ↩

Alerts - from wiki.js

This is an informational message.

This is a success message.

This is a warning message.

This is a danger message.

Button lists - from wiki.js

⏬ Download OrangeFox Recovery 📡 Telegram channel 💬 Telegram chat